<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <title>~喜欢你呀~</title>

        <link rel="icon" type="image/x-ico" href="Images/icon.png">
        <link rel="stylesheet" type="text/css" href="Styles/index.css">

        <script src="Frameworks/JQuery/Scripts/jquery-3.6.0.min.js"></script>
        <script src="Frameworks/JQuery/Scripts/jquery.color-2.2.0.min.js"></script>
        <script src="Scripts/random.js"></script>
        <script src="Scripts/index.js"></script>
    </head>

    <body id="body" onload="main()">

        <div class="heart" id="heart1">
            <div class="heart-block"></div>
            <div class="heart-circle heart-circle1"></div>
            <div class="heart-circle heart-circle2"></div>
        </div>

        <div class="heart" id="heart2">
            <div class="heart-block"></div>
            <div class="heart-circle heart-circle1"></div>
            <div class="heart-circle heart-circle2"></div>
        </div>

        <div class="heart" id="heart3">
            <div class="heart-block"></div>
            <div class="heart-circle heart-circle1"></div>
            <div class="heart-circle heart-circle2"></div>
        </div>

        <div id="container">
            <div id="window">
                <div id="text">我喜欢你<br>做我女朋友吧!</div>
                <img src="Images/love.gif" id="img">
            </div>

            <button type="button" class="button" id="yes">好呀
                <div class="click-circle" id="yes-circle"></div>
            </button>

            <button type="button" class="button" id="no">不行
                <div class="click-circle" id="no-circle"></div>
            </button>
        </div>

        <div id="dark">
            <div id="alert">
                <button type="button" id="exit">
                    <img src="Images/exit.png" id="exit-img">
                </button>

                <p id="inform">哼! 你不同意我就赖着不走了~</p>
            </div>
        </div>

        <div id="hide"></div>

    </body>
</html>